<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="apple-mobile-web-app-title" content="天天来收租">
		<meta name="format-detection" content="telphone=no, email=no" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="HandheldFriendly" content="true">
		<meta name="MobileOptimized" content="320">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta name="screen-orientation" content="portrait">
		<meta name="browsermode" content="application">
		<meta name="full-screen" content="yes">
		<meta name="x5-orientation" content="portrait">
		<meta name="x5-fullscreen" content="true">
		<meta name="x5-page-mode" content="app">
		<title>积分兑换</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/jfExchange.css" />
	</head>
	<body>
		<div class="zone">
			<div class="nav-bar" id="nav-bar"></div>
			<div class="main">
				<img src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/bg1.jpg" alt="">
				<div class="duihuan">
					<img class="renwu" src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/rewu.png" alt="">
					<div class="huan">
						<!-- <img class="huanimg" src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/dhk.png" alt=""> -->
						<span>可以用积分兑<br />换道具哦~</span>
					</div>
					<p class="jilu" id="record">兑换记录</p>
				</div>
				<div class="row1">
					<img src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/bg2.jpg" alt="">
					<p class="mynum">我的积分:<span id="myJifen"></span></p>
					<div class="row1in" id="row1in">
						<!-- <div class="option">
							<div class="thingin itemgreen">
								<img src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/1.png" alt="">
								<span>扩建证x10</span>
							</div>
							<img class="dizuo" src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/dizuo.png" alt="">
							<button class="integral">积分10</button>
						</div>
						<div class="option">
							<div class="thingin itemorange">
								<img src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/2.png" alt="">
								<span>管家碎片宝箱x1</span>
							</div>
							<img class="dizuo" src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/dizuo.png" alt="">
							<button class="integral">积分10</button>
						</div>
						<div class="option">
							<div class="thingin itemorange">
								<img src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/3.png" alt="">
								<span>图腾宝箱x1</span>
							</div>
							<img class="dizuo" src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/dizuo.png" alt="">
							<button class="integral">积分10</button>
						</div> -->
					</div>
				</div>
				<div class="row1">
					<img src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/bg3.jpg" alt="">
					<div class="row2in" id="row2in">
						<!-- <div class="option">
							<div class="thingin itemred">
								<img src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/4.png" alt="">
								<span>家具碎片宝箱x1</span>
							</div>
							<img class="dizuo" src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/dizuo.png" alt="">
							<button class="integral">积分10</button>
						</div> -->
					</div>
				</div>
				<div class="row1">
					<img src="http://img.qxgs.cc/tiantianlaishouzu/img/integral/bg4.jpg" alt="">
				</div>
			</div>

			<!-- 恭喜获得 -->
			<div class="modal modal-tips2" id="modal-tips2">
				<div class="modal-mask" id="close-tips2"></div>
				<div class="modal-body">
					<img class="zwyHover1" src="http://img.qxgs.cc/tiantianlaishouzu/img/turntable/gxhd.png" alt="">
					<div class="flexcolom">
						<img class="flexcolomimg0" src="http://img.qxgs.cc/tiantianlaishouzu/img/turntable/hdjl2.png" alt="">
						<div class="flexcolomin">
							<img class="flexcolomimg1" id="recieveimg" src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi3.png" alt="">
							<div class="floimg" id="floimg">
								<img class="flexcolog1" id="recieveimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/home/renwu.png" alt="">
								<div class="mingzi" id="mingzi">
									<p>-</p>
									<span>-</span>
								</div>
							</div>
							<p id="recievenum"><span>---</span></p>
							<!-- <img class="flexcolomimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/turntable/lq.png" alt=""> -->
							<button class="tips2_recieve" id="tipsbtn">领取</button>
							<span>点击空白区域关闭</span>
						</div>
					</div>
				</div>
			</div>

			<!-- 积分兑换 -->
			<div class="modal modal-buy" id="modal-buy">
				<div class="modal-mask"></div>
				<div class="modal-body">
					<div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png">
						<span>积分兑换</span>
					</div>
					<img class="modal-close" id="close-buy" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
					<div class="modal-content">
						<div class="modal-contentIn">
							<p class="tipname" id="tipname">-</p>
							<div class="thingimg" id="buyImg">
								<!-- <img class="thingimg" src="http://img.qxgs.cc/tiantianlaishouzu/img/luck/thingbg.png" alt=""> -->
							</div>
							<div class="ipt-box">
								<img id="buyJian" src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jian.png" alt="">
								<div class="ipt1">
									<input type="number" id="buyIpt" placeholder="-" />
								</div>
								<img id="buyJia" src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jia.png" alt="">
							</div>
							<div class="suoxu">
								<p id="suoxu">所需积分：-</p>
								<p id="dangq">当前积分：-</p>
							</div>
						</div>
						<div class="madalBtn">
							<button class="build" id="quxiao">取消</button>
							<button class="build2" id="confirm">确定</button>
						</div>
					</div>
				</div>
			</div>

			<!-- 兑换记录 -->
			<div class="modal modal-record" id="modal-record">
				<div class="modal-mask"></div>
				<div class="modal-body">
					<div class="mask-tit">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/kaung1.png" />
						<span>兑换记录</span>
					</div>
					<img class="modal-close" id="close-record" src="http://img.qxgs.cc/tiantianlaishouzu/img/mask/close.png" />
					<div class="modal-content modal-content2">
						<div class="navBox">
							<div class="navtit">
								<span>物品名称</span>
								<span>兑换时间</span>
								<span>数量</span>
							</div>
							<div class="navcont">
								<div id="navcont_List">
									<!-- <div class="navlist">
										<p>初级原石</p>
										<span>2023-04-20 12:18:31</span>
										<p>1</p>
									</div> -->
								</div>
								<div class="more" id="more">加载中...</div>
								<div class="empty" id="empty">
									<img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/kong.png" alt="">
									<p>没有数据哦~</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>


			<!-- 兑换成功 列表 -->
			<div class="modal modal-getsuccess" id="modal-getsuccess">
				<div class="modal-mask"></div>
				<div class="modal-bodyemail">
					<div class="mask-titemail">
						<img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/youjian/title2.png">
					</div>
					<div class="modal-contentemail">
						<div class="modal-contentemail2">
							<div class="modal-contentInemail2">
								<div class="emailList2">
									<div class="techBox">
										<!-- 邮件领取成功 -->
										<div class="line2" style="margin-bottom: 3px;"></div>
										<div class="edetailsList2" id="getsuccessList">
											<!-- <div class="debox">
												<div class="wups">
													<img src="http://img.qxgs.cc/tiantianlaishouzu/img/check/1.png" alt="">
												</div>
												<p class="enums">10000</p>
											</div>
											<div class="debox">
												<div class="wups">
													<img src="http://img.qxgs.cc/tiantianlaishouzu/img/check/1.png" alt="">
												</div>
												<p class="enums">10000</p>
											</div> -->
										</div>
									</div>
								</div>
								<img class="erecieve" id="close-getsuccess" src="http://img.qxgs.cc/tiantianlaishouzu/img/youjian/que.png" alt="">
							</div>
							<!-- <img class="bodybg" src="http://img.qxgs.cc/tiantianlaishouzu/img/youjian/bodybg.png" alt=""> -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/nav-bar.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jfExchange.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>